개발자가 없어서 쓸쓸한 나를 위해 - 남의 모바일웹을 그대로 나의 코드로 활용하자 | 매거진에 참여하세요

모두의 창업 솔루션 번지를 사용해서 지그재그 모바일 웹사이트를 클론해봤습니다.

가끔씩 새로운 의류쇼핑 사이트를 만들고 싶은데, 그 사이트 그대로 만들고 싶은데, 그대로 안나오죠.

특히 개발자나 디자이너도 없는 경우에는 어디에서부터 시작할지 모를때가 많습니다.

이번에는 지그재그 모바일웹사이트를 한번 그대로 복제해와서 사용해보도록 할게요

1. 번지에 들어가 지그재그의 주소를 입력해 보겠습니다. 그러면 실시간으로 불러오네요

2. 지그재그의 이름이 지그재그 스토어였네요.

모바일웹이니까 모바일로 해상도를 결정하고 시작하겠습니다.

3. 저는 지그재그의 모바일웹의 전체 탭별을 모두 가지고 오고 싶어졌습니다.

이렇게 상세페이지를 넣거나 , 추가하면 알아서 매핑이 되는 구조이거나 수동으로 매핑할 수도 있습니다.

일부 기능은 로그인이 필요하기 때문에 , Agent가 로그인도 같이 해버리면 진짜 손도 안대고 고풀수있겠어요

4. 이제 화면에서 주요한 탭과 구성 기능 요소 그리고 코드까지 한번에 다 뽑아냅니다.

1) 지그재그의 디자인시스템을 반영한 색이 잘 정리된것 같네요

2) 지그재그의 코드랑 와이어프레임도 잘 뽑혔습니다. 저희가 만들었지만 잘 만들었네요.

이렇게 웹사이트의 경우 AI가 만들지 않습니다. 그냥 자체엔진에서 html을 파싱해서 ,코드를 내뱉어서 빠릅니다.

3) 코드까지 완전히 뽑혔네요 이제 AI한테 수정하라고 하면 되겠네요.